<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>长治市非物质文化遗产网</title>
	
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	  <script src="js/html5shiv.min.js"></script>
	  <script src="js/respond.min.js"></script>
	<![endif]-->
	
    <!-- css -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="plugins/cubeportfolio/css/cubeportfolio.min.css">
	<link href="css/nivo-lightbox.css" rel="stylesheet" />
	<link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css" />
	<link href="css/owl.carousel.css" rel="stylesheet" media="screen" />
    <link href="css/owl.theme.css" rel="stylesheet" media="screen" />
	<link href="css/animate.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet">

	<!-- boxed bg -->
	<link id="bodybg" href="bodybg/bg1.css" rel="stylesheet" type="text/css" />
	<!-- template skin -->
	<link id="t-colors" href="color/default.css" rel="stylesheet">
	<link href="css/index.css" rel="stylesheet">
	<!-- kwicks -->
	<link rel='stylesheet' type='text/css' href='css/jquery.kwicks.min.css' />
	
</head>

<body id="page-top" data-spy="scroll" data-target=".navbar-custom" >

<div id="wrapper" style="background-image:url(img/bj.jpg);">
	
    <div class="navbar navbar-custom navbar-fixed-top" role="navigation">
		
        <div class="container navigation">
		<div class="row">
			<div class="col-md-5">
				<div class="navbar-header page-scroll">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar" aria-expanded="false">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand">
						<div style=" background-repeat:no-repeat;background-image: url(img/logo1.png);width: 400px;height: 50px;padding-left: 50px;">
							<span style="padding-left:20px;line-height:50px;font-size: 22px;">长治市非物质文化遗产网</span></div>
					</a>
				</div>
			</div>
			<div class="col-md-7">
				<!-- Collect the nav links, forms, and other content for toggling -->
				<nav id="bs-navbar" class="collapse navbar-collapse ">
				  <ul class="nav navbar-nav navbar-right fontYH">
					<li class="active"><a href="#intro">首页</a></li>
					<li><a href="#notices">通知公告</a></li>
					<li><a href="#minglu">非遗名录</a></li>
					<li><a href="#ccr">传承人</a></li>
					<li><a href="#jidi">非遗基地</a></li>
					<li><a href="#jingsui">非遗精髓</a></li>
					<li class="dropdown">
					  <a href="#" class="dropdown-toggle" data-toggle="dropdown">联系我们 <b class="caret"></b></a>
					  <ul class="dropdown-menu">
						<li><a href="index.html">留言咨询</a></li>
						<li><a href="index-video.html">关于我们</a></li>
						<li><a href="index-cta.html">常见问题</a></li>
					  </ul>
					</li>
				  </ul>
				</nav>
			</div>
            <!-- /.navbar-collapse -->
        </div>
		</div>
        <!-- /.container -->
    </div>
	
	 <div id="list" style="background-color: #F5F5F5;">
		<div class="container" style="min-height:500px;padding-top:110px;background-color:#fff;">
			<div class="row">
				<div class="col-sm-4 col-md-3">
					<div class="LeftColumn" >
						<div style="margin-bottom:20px;text-align: center">
							<div class="leftTitle fontYH" style="font-size: 25px;font-weight: bolder;">
								<img src="img/list/minglu.png" style="width:80px;height:80px;"/>
								<span style="margin-top:30px;vertical-align: bottom;padding-left:15px;font-weight:bold;">非遗名录</span>
							</div>
							<hr style="border-top: 2px solid #000000;"/>
						</div>
						
						<div style="border:1px solid #e8edf0;border-radius:3px;">
							<h5>非遗类别</h5>
							<table style="width:100%;margin: 25px 0 30px 35px;">
								<tr>
									<td><a>民间文学</a></td>
									<td><a>传统音乐</a></td>
								</tr>
								<tr>
									<td><a>传统舞蹈</a></td>
									<td><a>传统戏剧</a></td>
								</tr>
								<tr>
									
									<td><a>曲艺</a></td>
									<td><a>传统体育、<br/>游艺与杂技</a></td>
								</tr>
								<tr>
									<td><a>传统美术</a></td>
									<td><a>传统技艺</a></td>
								</tr>
								<tr>
									<td><a>传统医药</a></td>
									<td><a>民俗</a></td>
								</tr>
							</table>
						</div>
						<div style="border: 1px solid #e8edf0;width:100%;border-radius: 3px;margin-top: 20px;">
							<h5>通知公告
								<span style="position:absolute;right:10px;">
									<a href="#" alt="更多"><img src="img/more.png"></a>
								</span>
							</h5>
							<ul class="notices">
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
								<li>■ 文化局关于推荐申报第五批。。。</li>
							</ul>
						</div>
					</div>
					
				</div>
				<div class="col-sm-8 col-md-9" style="padding-top: 48px;">
					<ol class="breadcrumb" style="background-color:#DED4D2;">
						  <li><a href="#">首页</a></li>
						  <li><a href="#">非遗名录</a></li>
					</ol>
					<div class="ListContent">
						<table style="width:100%;">
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="mingluContent.html">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
							<tr>
								<td class="title">■&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">北社大禹庙</a></td>
								<td class="title_time" align="right" >2013-5-5</td>
							</tr>
						</table>
						<nav style="text-align: center;padding-top:80px;">
						  <ul class="pagination">
							<li>
							  <a href="#" aria-label="Previous">
								<span aria-hidden="true">&laquo;</span>
							  </a>
							</li>
							<li><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li>
							  <a href="#" aria-label="Next">
								<span aria-hidden="true">&raquo;</span>
							  </a>
							</li>
						  </ul>
						</nav>
					</div>
									
				</div>					
			</div>		
		</div>
    </div>
	
	<!-- Section: footer -->
	<div>
	
		<div class="container fontYH" style="padding-top: 20px;">
			<div class="row">
				<div class="col-sm-6 col-md-4">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="widget">
						<h5>友情链接</h5>
						<ul>
							<li><a href="#">长治市政府网</a></li>
							<li><a href="#">长治市非物质文化遗产保护中心</a></li>
							<li><a href="#"></a></li>
							<li><a href="#"></a></li>
						</ul>
					</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-4">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="widget">
						<h5>联系我们</h5>
						
						<ul>
							
							<li>
								<span class="fa-stack fa-lg">
									<i class="fa fa-circle fa-stack-2x"></i>
									<i class="fa fa-phone fa-stack-1x fa-inverse"></i>
								</span> +62 0888 904 711
							</li>
							<li>
								<span class="fa-stack fa-lg">
									<i class="fa fa-circle fa-stack-2x"></i>
									<i class="fa fa-envelope-o fa-stack-1x fa-inverse"></i>
								</span> hello@medicio.com
							</li>

						</ul>
					</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-4">
					<div class="wow fadeInDown" data-wow-delay="0.1s">
					<div class="widget">
						<h5>地址</h5>
						<p>长治市紫金东街47号</p>		
						
					</div>
					</div>
					
				</div>
			</div>	
		</div>
		<div class="sub-footer">
		<div class="container">
			<div class="row">
				<div class="col-sm-6 col-md-6 col-lg-6">
					<div class="wow fadeInLeft" data-wow-delay="0.1s">
					<div class="text-left">
					<p>&copy;Copyright 2016 - 长治市非物质文化遗产保护中心. All rights reserved.</p>
					</div>
					</div>
				</div>
				<div class="col-sm-6 col-md-6 col-lg-6">
					<div class="wow fadeInRight" data-wow-delay="0.1s">
					<div class="text-right">
						<p><a href="http://bootstraptaste.com/">技术支持：</a> 长治市华普软件公司</p>
					</div>
                    <!-- 
                        All links in the footer should remain intact. 
                        Licenseing information is available at: http://bootstraptaste.com/license/
                        You can buy this theme without footer links online at: http://bootstraptaste.com/buy/?theme=Medicio
                    -->
					</div>
				</div>
			</div>	
		</div>
		</div>
	</div>
	<!-- /Section: footer -->
</div>

	<!-- Core JavaScript Files -->
    <script src="js/jquery.min.js"></script>	 
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/jquery.scrollTo.js"></script>
	<script src="js/jquery.appear.js"></script>
	<script src="js/stellar.js"></script>
	<script src="plugins/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/nivo-lightbox.min.js"></script>
    <script src="js/custom.js"></script>
	<script src="js/jquery.carouFredSel.packed.js"></script>
	<script src="js/jquery.touchSwipe.min.js"></script>
	<script src="js/jquery.kwicks.min.js"></script>
	<script>
		jQuery(document).ready(function ($) {

		});
	</script>
	

</body>

</html>
